<div class="flex items-center" [ngClass]="['bg' + default, 'text' + defaultInv]">
	<a
		rel="noopener noreferrer"
		href="#"
		class="px-5 py-1 border-b-2"
		[ngClass]="['border' + primary, 'text' + primary]"
	>
		Architecto
	</a>
	<a
		rel="noopener noreferrer"
		href="#"
		class="px-5 py-1 border-b-2"
		[ngClass]="['border' + neutral]"
	>
		Corrupti
	</a>
	<a
		rel="noopener noreferrer"
		href="#"
		class="px-5 py-1 border-b-2"
		[ngClass]="['border' + neutral]"
	>
		Excepturi
	</a>
	<a
		rel="noopener noreferrer"
		href="#"
		class="px-5 py-1 border-b-2"
		[ngClass]="['border' + neutral]"
	>
		Consectetur
	</a>
</div>
